<template>
  <div class="no_found_page">
    <p class="title">
      <span>{{ $t("views_404.title") }}</span>
      <br />
      {{ $t("views_404.des") }}
    </p>
    <div>
      <router-link to="/" replace>
        <el-button>
          {{ $t("views_404.btnText") }}
        </el-button>
      </router-link>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  setup(prop, context) {
    const a:number = 1
    let b:string = "123";
    return {
      a,
      b
    }
  },
});
</script>
<style scoped lang="scss">
.no_found_page {
  padding-top: 120px;
  text-align: center;
  .title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
</style>